<!DOCTYPE html>
<html lang="en">

<head>
    <title>登录注册</title>
    <link rel="stylesheet" href="http://8.141.12.238:8083/css/login/style.css">
</head>

<body>
    <div class="background"></div>
    <div class="container">
        <div class="item">
            <h2 class="logo"><i class=''></i>Login</h2>
            <div class="text-item">
                <h2>欢迎使用! <br><span>
                        小说网站
                    </span></h2>
                <p href="#">如果需要帮助，请点击这里</p>

            </div>
        </div>
        <div class="login-section">
            <div class="form-box login">
                <form id="login-form">
                    <h2>登录</h2>
                    <div class="input-box">
                        <span class="icon"><i class='bx bxs-envelope'></i></span>
                        <input id="login-username" name="username" type="text" required>
                        <label>邮箱</label>
                    </div>
                    <div class="input-box">
                        <span class="icon"><i class='bx bxs-lock-alt'></i></span>
                        <input id="login-password" name="password" type="password" required>
                        <label>密码</label>
                    </div>
                    <div class="remember-password">
                        <label for=""><input type="checkbox">记住密码</label>
                        <a href="#">忘记密码</a>
                    </div>
                    <input type="submit" class="btn" value="登录">
                    <div class="create-account">
                        <p><a href="#" class="register-link">没有账号？点击这里注册</a></p>
                    </div>
                </form>
            </div>
            <div class="form-box register">
                <form id="register-form">

                    <h2>注册</h2>

                    <div class="input-box">
                        <span class="icon"><i class='bx bxs-user'></i></span>
                        <input id="register-username" name="username" type="text" required>
                        <label>用户名</label>
                    </div>
                    <div class="input-box">
                        <span class="icon"><i class='bx bxs-envelope'></i></span>
                        <input id="register-email" name="useremail" type="email" required>
                        <label>邮箱</label>
                    </div>
                    <div class="input-box">
                        <span class="icon"><i class='bx bxs-lock-alt'></i></span>
                        <input id="register-password" name="password" type="password" required>
                        <label>密码</label>
                    </div>
                    <div class="input-box">
                        <span class="icon"><i class='bx bxs-lock-alt'></i></span>
                        <input id="password-confirm" name="confirmpassword" type="password" required>
                        <label>确认密码</label>
                    </div>
                    <div class="remember-password">
                    </div>
                    <input type="submit" class="btn" value="注册">
                    <div class="create-account">
                        <p><a href="#" class="login-link">已经拥有账号？点击这里登录</a></p>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <script src="http://8.141.12.238:8083/js/login/script.js"></script>
</body>

</html>